<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../templates/mainTemplate.xhtml">

	<ui:define name="head">
		<style type="text/css">
		
			.yui-skin-sam .yuimenu .bd {
				width: 200px;
			}
			
		</style>
	</ui:define>
	
	<ui:define name="content">

		<div id="cols">
		<div class="main box">

		<div id="content">

		<div id="content-in" class="box">

		<h2 style="color: #7DAC09;">Menu - Tiered</h2>

		<p:menu tiered="true" effect="NONE">
			<p:submenu label="Mail">
				<p:menuitem label="Gmail" url="http://www.google.com"></p:menuitem>
				<p:menuitem label="Hotmail" url="http://www.hotmail.com"></p:menuitem>
				<p:menuitem label="Yahoo Mail" url="http://mail.yahoo.com"></p:menuitem>
			</p:submenu>
			<p:submenu label="Videos">
				<p:menuitem label="Youtube" url="http://www.youtube.com"></p:menuitem>
				<p:menuitem label="Break" url="http://www.break.com"></p:menuitem>
				<p:menuitem label="Metacafe" url="http://www.metacafe.com"></p:menuitem>
			</p:submenu>
			<p:submenu label="Sports">
				<p:submenu label="Football">
					<p:menuitem label="FIFA" url="http://www.fifa.com"></p:menuitem>
					<p:menuitem label="UEFA" url="http://www.uefa.com"></p:menuitem>
				</p:submenu>
				<p:submenu label="Basketball">
					<p:menuitem label="NBA" url="http://www.nba.com"></p:menuitem>
					<p:menuitem label="FIBA" url="http://www.fiba.com"></p:menuitem>
				</p:submenu>
			</p:submenu>
			<p:submenu label="Social Networks">
				<p:menuitem label="Facebook" url="http://www.facebook.com"></p:menuitem>
				<p:menuitem label="MySpace" url="http://www.myspace.com"></p:menuitem>
			</p:submenu>
		</p:menu>
		<h3>Source</h3>
		<pre name="code" class="xml">
				&lt;p:menu tiered="true" effect="NONE"&gt;
					&lt;p:submenu label="Mail"&gt;
						&lt;p:menuitem label="Gmail" url="http://www.google.com"&gt;&lt;/p:menuitem&gt;
						&lt;p:menuitem label="Hotmail" url="http://www.hotmail.com"&gt;&lt;/p:menuitem&gt;
						&lt;p:menuitem label="Yahoo Mail" url="http://mail.yahoo.com"&gt;&lt;/p:menuitem&gt;
					&lt;/p:submenu&gt;
					&lt;p:submenu label="Videos"&gt;
						&lt;p:menuitem label="Youtube" url="http://www.youtube.com"&gt;&lt;/p:menuitem&gt;
						&lt;p:menuitem label="Break" url="http://www.break.com"&gt;&lt;/p:menuitem&gt;
						&lt;p:menuitem label="Metacafe" url="http://www.metacafe.com"&gt;&lt;/p:menuitem&gt;
					&lt;/p:submenu&gt;
					&lt;p:submenu label="Sports"&gt;
						&lt;p:submenu label="Football"&gt;
							&lt;p:menuitem label="FIFA" url="http://www.fifa.com"&gt;&lt;/p:menuitem&gt;
							&lt;p:menuitem label="UEFA" url="http://www.uefa.com"&gt;&lt;/p:menuitem&gt;
						&lt;/p:submenu&gt;
						&lt;p:submenu label="Basketball"&gt;
							&lt;p:menuitem label="NBA" url="http://www.nba.com"&gt;&lt;/p:menuitem&gt;
							&lt;p:menuitem label="FIBA" url="http://www.fiba.com"&gt;&lt;/p:menuitem&gt;
						&lt;/p:submenu&gt;
					&lt;/p:submenu&gt;
					&lt;p:submenu label="Social Networks"&gt;
						&lt;p:menuitem label="Facebook" url="http://www.facebook.com"&gt;&lt;/p:menuitem&gt;
						&lt;p:menuitem label="MySpace" url="http://www.myspace.com"&gt;&lt;/p:menuitem&gt;
					&lt;/p:submenu&gt;
				&lt;/p:menu&gt;
		</pre></div>

		</div>


		<hr class="noscreen" />

		<div id="aside"><ui:include src="../templates/components.xhtml" />

		</div>

		</div>
		</div>

	</ui:define>
</ui:composition>